<template>
	<view class="content">

		<view class="part1">
				<view class="banner-btn" @click="gotoHome">
					<image src="../../../static/commodity/common2-1.png" mode=""></image>
				</view>
				<view class="my-order">
					<view class="sort navIndex==1?'activite': ''" @click="checkIndex(1)" >
						寄售
					</view>
					<view class="sort navIndex==2?'activite': ''" @click="checkIndex(2)">
					
					 	商品
					</view> 
					<view class="sort navIndex==3?'activite': ''" @click="checkIndex(3)">
						易物
					</view>
				</view>
			</view>
			<view class="part2">
				<view class="content" v-if="navIndex==1">
				<view class="tab_nav">
					<view class="navTitle" v-for="(item,index) in navList" :key="index" >
						<view :class="{'active':isActive === index}" @click="checked(index)">
							{{item.title}}
						</view>
					</view>
				</view>
				<view class="nav_item" v-if="isActive==0">
			<!-- 总盒子 -->
			<view class="sell">
				<!-- 单独盒子 -->
				<!-- 交易成功 -->
				<view class="sell1" @click="olderPayment(4)">
					<view class="sell-title">
						<view class="sell-title-left">
							<view class="sell-title-left1">
								<image src="../../../static/mall/mall11.png" mode=""></image>
							</view>
							
							<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
						</view>
						<view class="sell-title-right">
							交易成功
						</view>
					</view>
					<view class="sell-content">
						<view class="sell-content-img">
							<image src="../../../static/mall/mall12.png" mode=""></image>
						</view>
						<view class="sell-content-name">
							<view class="sell-content-name-title">
								电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
							</view>
							<view class="sell-content-name-jia">
								<view class="sell-content-name-jia1">
									实付款:
								</view>
								<view class="sell-content-name-jia2">
									￥283.92
								</view>
								
							</view>
						</view>
					</view>
					<view class="sell-bottom">
						<view class="sell-bottom-left">
							<view class="sell-bottom-left1">
								<image src="../../../static/mall/mall10.png" mode=""></image>
							</view>
							<view class="sell-bottom-left2">联系卖家</view>
							
						</view>
						<view class="sell-bottom-right">
							<view class="sell-bottom-right1">查看评价</view>
							<view class="sell-bottom-right2">查看物流</view>
						</view>
					</view>
				</view>
				<!-- 待付款 -->
				<view class="sell1" @click="olderPayment(0)">
					<view class="sell-title">
						<view class="sell-title-left">
							<view class="sell-title-left1">
								<image src="../../../static/mall/mall11.png" mode=""></image>
							</view>
							
							<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
						</view>
						<view class="sell-title-right">
							待付款
						</view>
					</view>
					<view class="sell-content">
						<view class="sell-content-img">
							<image src="../../../static/mall/mall12.png" mode=""></image>
						</view>
						<view class="sell-content-name">
							<view class="sell-content-name-title">
								电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
							</view>
							<view class="sell-content-name-jia">
								<view class="sell-content-name-jia1">
									实付款:
								</view>
								<view class="sell-content-name-jia2">
									￥283.92
								</view>
								
							</view>
						</view>
					</view>
					<view class="sell-bottom">
						<view class="sell-bottom-left">
							<view class="sell-bottom-left1">
								<image src="../../../static/mall/mall9.png" mode=""></image>
							</view>
							<view class="sell-bottom-left2">联系卖家</view>
							
						</view>
						<!-- <view class="sell-bottom-right">
							<view class="sell-bottom-right1">查看评价</view>
							<view class="sell-bottom-right2">查看物流</view>
						</view> -->
					</view>
				</view>
				<!-- 待发货 -->
				<view class="sell1" @click="olderPayment(1)">
					<view class="sell-title">
						<view class="sell-title-left">
							<view class="sell-title-left1">
								<image src="../../../static/mall/mall11.png" mode=""></image>
							</view>
							
							<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
						</view>
						<view class="sell-title-right">
							待发货
						</view>
					</view>
					<view class="sell-content">
						<view class="sell-content-img">
							<image src="../../../static/mall/mall12.png" mode=""></image>
						</view>
						<view class="sell-content-name">
							<view class="sell-content-name-title">
								电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
							</view>
							<view class="sell-content-name-jia">
								<view class="sell-content-name-jia1">
									实付款:
								</view>
								<view class="sell-content-name-jia2">
									￥283.92
								</view>
								
							</view>
						</view>
					</view>
					<view class="sell-bottom">
						<view class="sell-bottom-left">
							<view class="sell-bottom-left1">
								<image src="../../../static/mall/mall9.png" mode=""></image>
							</view>
							<view class="sell-bottom-left2">联系卖家</view>
							
						</view>
						<view class="sell-bottom-right">
							<view class="sell-bottom-right2">取消订单</view>
							<view class="sell-bottom-right1">查看物流</view>
							<view class="sell-bottom-right2">确认发货</view>
						</view>
					</view>
				</view>
				<!-- 待收货 -->
				<view class="sell1" @click="olderPayment(2)">
					<view class="sell-title">
						<view class="sell-title-left">
							<view class="sell-title-left1">
								<image src="../../../static/mall/mall11.png" mode=""></image>
							</view>
							
							<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
						</view>
						<view class="sell-title-right">
							待收货
						</view>
					</view>
					<view class="sell-content">
						<view class="sell-content-img">
							<image src="../../../static/mall/mall12.png" mode=""></image>
						</view>
						<view class="sell-content-name">
							<view class="sell-content-name-title">
								电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
							</view>
							<view class="sell-content-name-jia">
								<view class="sell-content-name-jia1">
									实付款:
								</view>
								<view class="sell-content-name-jia2">
									￥283.92
								</view>
								
							</view>
						</view>
					</view>
					<view class="sell-bottom">
						<view class="sell-bottom-left">
							<view class="sell-bottom-left1">
								<image src="../../../static/mall/mall9.png" mode=""></image>
							</view>
							<view class="sell-bottom-left2">联系卖家</view>
							
						</view>
						<view class="sell-bottom-right">
							<view class="sell-bottom-right1">查看物流</view>
						</view>
					</view>
				</view>
				<!-- 待评价 -->
				<view class="sell1" @click="olderPayment(3)">
					<view class="sell-title">
						<view class="sell-title-left">
							<view class="sell-title-left1">
								<image src="../../../static/mall/mall11.png" mode=""></image>
							</view>
							
							<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
						</view>
						<view class="sell-title-right">
							待评价
						</view>
					</view>
					<view class="sell-content">
						<view class="sell-content-img">
							<image src="../../../static/mall/mall12.png" mode=""></image>
						</view>
						<view class="sell-content-name">
							<view class="sell-content-name-title">
								电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
							</view>
							<view class="sell-content-name-jia">
								<view class="sell-content-name-jia1">
									实付款:
								</view>
								<view class="sell-content-name-jia2">
									￥283.92
								</view>
								
							</view>
						</view>
					</view>
					<view class="sell-bottom">
						<view class="sell-bottom-left">
							<view class="sell-bottom-left1">
								<image src="../../../static/mall/mall9.png" mode=""></image>
							</view>
							<view class="sell-bottom-left2">联系卖家</view>
							
						</view>
						<view class="sell-bottom-right">
							<view class="sell-bottom-right1">评价</view>
						</view>
					</view>
				</view>
				<!-- 买家关闭 -->
				<view class="sell1" @click="olderClose">
					<view class="sell-title">
						<view class="sell-title-left">
							<view class="sell-title-left1">
								<image src="../../../static/mall/mall11.png" mode=""></image>
							</view>
							
							<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
						</view>
						<view class="sell-title-right">
							买家关闭了交易
						</view>
					</view>
					<view class="sell-content">
						<view class="sell-content-img">
							<image src="../../../static/mall/mall12.png" mode=""></image>
						</view>
						<view class="sell-content-name">
							<view class="sell-content-name-title">
								电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
							</view>
							<view class="sell-content-name-jia">
								<view class="sell-content-name-jia1">
									实付款:
								</view>
								<view class="sell-content-name-jia2">
									￥283.92
								</view>
								
							</view>
						</view>
					</view>
					<view class="sell-bottom">
						<view class="sell-bottom-left">
							<view class="sell-bottom-left1">
								<image src="../../../static/mall/mall9.png" mode=""></image>
							</view>
							<view class="sell-bottom-left2">联系卖家</view>
							
						</view>
						<view class="sell-bottom-right">
							<view class="sell-bottom-right1">删除订单</view>
						</view>
					</view>
				</view>
					<!-- 卖家关闭 -->
									<view class="sell1" @click="olderClose">
										<view class="sell-title">
											<view class="sell-title-left">
												<view class="sell-title-left1">
													<image src="../../../static/mall/mall11.png" mode=""></image>
												</view>
												
												<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
											</view>
											<view class="sell-title-right">
												卖家关闭了交易
											</view>
										</view>
										<view class="sell-content">
											<view class="sell-content-img">
												<image src="../../../static/mall/mall12.png" mode=""></image>
											</view>
											<view class="sell-content-name">
												<view class="sell-content-name-title">
													电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
												</view>
												<view class="sell-content-name-jia">
													<view class="sell-content-name-jia1">
														实付款:
													</view>
													<view class="sell-content-name-jia2">
														￥283.92
													</view>
													
												</view>
											</view>
										</view>
										<view class="sell-bottom">
											<view class="sell-bottom-left">
												<view class="sell-bottom-left1">
													<image src="../../../static/mall/mall9.png" mode=""></image>
												</view>
												<view class="sell-bottom-left2">联系买家</view>
												
											</view>
											<view class="sell-bottom-right">
												<view class="sell-bottom-right1">删除订单</view>
											</view>
										</view>
									</view>
									<!-- 被买家标记成异常订单 -->
													<view class="sell1" @click="olderClose">
														<view class="sell-title">
															<view class="sell-title-left">
																<view class="sell-title-left1">
																	<image src="../../../static/mall/mall11.png" mode=""></image>
																</view>
																
																<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
															</view>
															<view class="sell-title-right">
																异常订单
															</view>
														</view>
														<view class="sell-content">
															<view class="sell-content-img">
																<image src="../../../static/mall/mall12.png" mode=""></image>
															</view>
															<view class="sell-content-name">
																<view class="sell-content-name-title">
																	电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
																</view>
																<view class="sell-content-name-jia">
																	<view class="sell-content-name-jia1">
																		实付款:
																	</view>
																	<view class="sell-content-name-jia2">
																		￥283.92
																	</view>
																	
																</view>
															</view>
														</view>
														<view class="sell-bottom">
															<view class="sell-bottom-left">
																<view class="sell-bottom-left1">
																	<image src="../../../static/mall/mall9.png" mode=""></image>
																</view>
																<view class="sell-bottom-left2">联系买家</view>
																
															</view>
															<view class="sell-bottom-right">
																<view class="sell-bottom-right1">取消异常状态</view>
															</view>
														</view>
													</view>
			</view>	
				</view>
				<view class="nav_item" v-if="isActive==1">
					<view class="sell">
				<!-- 待付款 -->
				<view class="sell1" @click="olderPayment(0)">
					<view class="sell-title">
						<view class="sell-title-left">
							<view class="sell-title-left1">
								<image src="../../../static/mall/mall11.png" mode=""></image>
							</view>
							
							<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
						</view>
						<view class="sell-title-right">
							待付款
						</view>
					</view>
					<view class="sell-content">
						<view class="sell-content-img">
							<image src="../../../static/mall/mall12.png" mode=""></image>
						</view>
						<view class="sell-content-name">
							<view class="sell-content-name-title">
								电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
							</view>
							<view class="sell-content-name-jia">
								<view class="sell-content-name-jia1">
									实付款:
								</view>
								<view class="sell-content-name-jia2">
									￥283.92
								</view>
								
							</view>
						</view>
					</view>
					<view class="sell-bottom">
						<view class="sell-bottom-left">
							<view class="sell-bottom-left1">
								<image src="../../../static/mall/mall9.png" mode=""></image>
							</view>
							<view class="sell-bottom-left2">联系卖家</view>
							
						</view>
						<!-- <view class="sell-bottom-right">
							<view class="sell-bottom-right1">查看评价</view>
							<view class="sell-bottom-right2">查看物流</view>
						</view> -->
					</view>
				</view>
				</view>
				</view>
				<view class="nav_item" v-if="isActive==2">
					<view class="sell">
				<!-- 待发货 -->
						<view class="sell1" @click="olderPayment(1)">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									待发货
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right2">取消订单</view>
									<view class="sell-bottom-right1">查看物流</view>
									<view class="sell-bottom-right2">确认发货</view>
								</view>
							</view>
						</view>
				</view>
				</view>
				<view class="nav_item" v-if="isActive==3">
				<view class="sell">
				<!-- 待收货 -->
				<view class="sell1" @click="olderPayment(2)">
					<view class="sell-title">
						<view class="sell-title-left">
							<view class="sell-title-left1">
								<image src="../../../static/mall/mall11.png" mode=""></image>
							</view>
							
							<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
						</view>
						<view class="sell-title-right">
							待收货
						</view>
					</view>
					<view class="sell-content">
						<view class="sell-content-img">
							<image src="../../../static/mall/mall12.png" mode=""></image>
						</view>
						<view class="sell-content-name">
							<view class="sell-content-name-title">
								电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
							</view>
							<view class="sell-content-name-jia">
								<view class="sell-content-name-jia1">
									实付款:
								</view>
								<view class="sell-content-name-jia2">
									￥283.92
								</view>
								
							</view>
						</view>
					</view>
					<view class="sell-bottom">
						<view class="sell-bottom-left">
							<view class="sell-bottom-left1">
								<image src="../../../static/mall/mall9.png" mode=""></image>
							</view>
							<view class="sell-bottom-left2">联系卖家</view>
							
						</view>
						<view class="sell-bottom-right">
							<view class="sell-bottom-right1">查看物流</view>
						</view>
					</view>
				</view>
				</view>
				</view>
				
				<view class="nav_item" v-if="isActive==4">
					<view class="sell">
				<!-- 待评价 -->
				<view class="sell1" @click="olderPayment(3)">
					<view class="sell-title">
						<view class="sell-title-left">
							<view class="sell-title-left1">
								<image src="../../../static/mall/mall11.png" mode=""></image>
							</view>
							
							<view class="sell-title-left2">寄售商品-山东榴弹制烟花研发制造集团</view>
						</view>
						<view class="sell-title-right">
							待评价
						</view>
					</view>
					<view class="sell-content">
						<view class="sell-content-img">
							<image src="../../../static/mall/mall12.png" mode=""></image>
						</view>
						<view class="sell-content-name">
							<view class="sell-content-name-title">
								电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
							</view>
							<view class="sell-content-name-jia">
								<view class="sell-content-name-jia1">
									实付款:
								</view>
								<view class="sell-content-name-jia2">
									￥283.92
								</view>
								
							</view>
						</view>
					</view>
					<view class="sell-bottom">
						<view class="sell-bottom-left">
							<view class="sell-bottom-left1">
								<image src="../../../static/mall/mall9.png" mode=""></image>
							</view>
							<view class="sell-bottom-left2">联系卖家</view>
							
						</view>
						<view class="sell-bottom-right">
							<view class="sell-bottom-right1">评价</view>
						</view>
					</view>
				</view>
				</view>
				</view>
				</view>
				<view class="content" v-if="navIndex==2">
					<view class="tab_nav">
						<view class="navTitle" v-for="(item,index) in navList" :key="index" >
							<view :class="{'active':isActive === index}" @click="checked(index)">
								{{item.title}}
							</view>
						</view>
					</view>
					<view class="nav_item" v-if="isActive==0">
						<!-- 总盒子 -->
					<view class="sell">
						<!-- 单独盒子 -->
						<!-- 交易成功 -->
						<view class="sell1" @click="olderPayment(4)">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									交易成功
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall10.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right1">查看评价</view>
									<view class="sell-bottom-right2">查看物流</view>
								</view>
							</view>
						</view>
						<!-- 待付款 -->
						<view class="sell1" @click="olderPayment(0)">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									待付款
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<!-- <view class="sell-bottom-right">
									<view class="sell-bottom-right1">查看评价</view>
									<view class="sell-bottom-right2">查看物流</view>
								</view> -->
							</view>
						</view>
						<!-- 待发货 -->
						<view class="sell1" @click="olderPayment(1)">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									待发货
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right2">取消订单</view>
									<view class="sell-bottom-right1">查看物流</view>
									<view class="sell-bottom-right2">确认发货</view>
								</view>
							</view>
						</view>
						<!-- 待收货 -->
						<view class="sell1" @click="olderPayment(2)">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									待收货
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right1">查看物流</view>
								</view>
							</view>
						</view>
						<!-- 待评价 -->
						<view class="sell1" @click="olderPayment(3)">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									待评价
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right1">评价</view>
								</view>
							</view>
						</view>
						<!-- 买家关闭 -->
						<view class="sell1" @click="olderClose">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									买家关闭了交易
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right1">删除订单</view>
								</view>
							</view>
						</view>
							<!-- 卖家关闭 -->
											<view class="sell1" @click="olderClose">
												<view class="sell-title">
													<view class="sell-title-left">
														<view class="sell-title-left1">
															<image src="../../../static/mall/mall11.png" mode=""></image>
														</view>
														
														<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
													</view>
													<view class="sell-title-right">
														卖家关闭了交易
													</view>
												</view>
												<view class="sell-content">
													<view class="sell-content-img">
														<image src="../../../static/mall/mall12.png" mode=""></image>
													</view>
													<view class="sell-content-name">
														<view class="sell-content-name-title">
															电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
														</view>
														<view class="sell-content-name-jia">
															<view class="sell-content-name-jia1">
																实付款:
															</view>
															<view class="sell-content-name-jia2">
																￥283.92
															</view>
															
														</view>
													</view>
												</view>
												<view class="sell-bottom">
													<view class="sell-bottom-left">
														<view class="sell-bottom-left1">
															<image src="../../../static/mall/mall9.png" mode=""></image>
														</view>
														<view class="sell-bottom-left2">联系买家</view>
														
													</view>
													<view class="sell-bottom-right">
														<view class="sell-bottom-right1">删除订单</view>
													</view>
												</view>
											</view>
					</view>
				
					</view>
					<view class="nav_item" v-if="isActive==1">
						<!-- 总盒子 -->
						<view class="sell">
					<!-- 待付款 -->
					<view class="sell1" @click="olderPayment(0)">
						<view class="sell-title">
							<view class="sell-title-left">
								<view class="sell-title-left1">
									<image src="../../../static/mall/mall11.png" mode=""></image>
								</view>
								
								<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
							</view>
							<view class="sell-title-right">
								待付款
							</view>
						</view>
						<view class="sell-content">
							<view class="sell-content-img">
								<image src="../../../static/mall/mall12.png" mode=""></image>
							</view>
							<view class="sell-content-name">
								<view class="sell-content-name-title">
									电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
								</view>
								<view class="sell-content-name-jia">
									<view class="sell-content-name-jia1">
										实付款:
									</view>
									<view class="sell-content-name-jia2">
										￥283.92
									</view>
									
								</view>
							</view>
						</view>
						<view class="sell-bottom">
							<view class="sell-bottom-left">
								<view class="sell-bottom-left1">
									<image src="../../../static/mall/mall9.png" mode=""></image>
								</view>
								<view class="sell-bottom-left2">联系卖家</view>
								
							</view>
							<!-- <view class="sell-bottom-right">
								<view class="sell-bottom-right1">查看评价</view>
								<view class="sell-bottom-right2">查看物流</view>
							</view> -->
						</view>
					</view>
					</view>
					</view>
					<view class="nav_item" v-if="isActive==2">
						<!-- 总盒子 -->
						<view class="sell">
					<!-- 待发货 -->
							<view class="sell1" @click="olderPayment(1)">
								<view class="sell-title">
									<view class="sell-title-left">
										<view class="sell-title-left1">
											<image src="../../../static/mall/mall11.png" mode=""></image>
										</view>
										
										<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
									</view>
									<view class="sell-title-right">
										待发货
									</view>
								</view>
								<view class="sell-content">
									<view class="sell-content-img">
										<image src="../../../static/mall/mall12.png" mode=""></image>
									</view>
									<view class="sell-content-name">
										<view class="sell-content-name-title">
											电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
										</view>
										<view class="sell-content-name-jia">
											<view class="sell-content-name-jia1">
												实付款:
											</view>
											<view class="sell-content-name-jia2">
												￥283.92
											</view>
											
										</view>
									</view>
								</view>
								<view class="sell-bottom">
									<view class="sell-bottom-left">
										<view class="sell-bottom-left1">
											<image src="../../../static/mall/mall9.png" mode=""></image>
										</view>
										<view class="sell-bottom-left2">联系卖家</view>
										
									</view>
									<view class="sell-bottom-right">
										<view class="sell-bottom-right2">取消订单</view>
										<view class="sell-bottom-right1">查看物流</view>
										<view class="sell-bottom-right2">确认发货</view>
									</view>
								</view>
							</view>
					</view>
					</view>
					<view class="nav_item" v-if="isActive==3">
					<!-- 总盒子 -->
					<view class="sell">
					<!-- 待收货 -->
					<view class="sell1" @click="olderPayment(2)">
						<view class="sell-title">
							<view class="sell-title-left">
								<view class="sell-title-left1">
									<image src="../../../static/mall/mall11.png" mode=""></image>
								</view>
								
								<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
							</view>
							<view class="sell-title-right">
								待收货
							</view>
						</view>
						<view class="sell-content">
							<view class="sell-content-img">
								<image src="../../../static/mall/mall12.png" mode=""></image>
							</view>
							<view class="sell-content-name">
								<view class="sell-content-name-title">
									电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
								</view>
								<view class="sell-content-name-jia">
									<view class="sell-content-name-jia1">
										实付款:
									</view>
									<view class="sell-content-name-jia2">
										￥283.92
									</view>
									
								</view>
							</view>
						</view>
						<view class="sell-bottom">
							<view class="sell-bottom-left">
								<view class="sell-bottom-left1">
									<image src="../../../static/mall/mall9.png" mode=""></image>
								</view>
								<view class="sell-bottom-left2">联系卖家</view>
								
							</view>
							<view class="sell-bottom-right">
								<view class="sell-bottom-right1">查看物流</view>
							</view>
						</view>
					</view>
					</view>
					</view>
					
					<view class="nav_item" v-if="isActive==4">
						<!-- 总盒子 -->
						<view class="sell">
					<!-- 待评价 -->
					<view class="sell1" @click="olderPayment(3)">
						<view class="sell-title">
							<view class="sell-title-left">
								<view class="sell-title-left1">
									<image src="../../../static/mall/mall11.png" mode=""></image>
								</view>
								
								<view class="sell-title-left2">山东榴弹制烟花研发制造集团</view>
							</view>
							<view class="sell-title-right">
								待评价
							</view>
						</view>
						<view class="sell-content">
							<view class="sell-content-img">
								<image src="../../../static/mall/mall12.png" mode=""></image>
							</view>
							<view class="sell-content-name">
								<view class="sell-content-name-title">
									电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
								</view>
								<view class="sell-content-name-jia">
									<view class="sell-content-name-jia1">
										实付款:
									</view>
									<view class="sell-content-name-jia2">
										￥283.92
									</view>
									
								</view>
							</view>
						</view>
						<view class="sell-bottom">
							<view class="sell-bottom-left">
								<view class="sell-bottom-left1">
									<image src="../../../static/mall/mall9.png" mode=""></image>
								</view>
								<view class="sell-bottom-left2">联系卖家</view>
								
							</view>
							<view class="sell-bottom-right">
								<view class="sell-bottom-right1">评价</view>
							</view>
						</view>
					</view>
					</view>
					</view>
				</view>
				<view class="content" v-if="navIndex==3">
					<view class="tab_nav">
						<view class="navTitle" v-for="(item,index) in navList" :key="index" >
							<view :class="{'active':isActive === index}" @click="checked(index)">
								{{item.title}}
							</view>
						</view>
					</view>
					<view class="nav_item" v-if="isActive==0">
						<!-- 总盒子 -->
					<view class="sell">
						<!-- 单独盒子 -->
						<!-- 交易成功 -->
						<view class="sell1" @click="olderPayment(4)">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									交易成功
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall10.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right1">查看评价</view>
									<view class="sell-bottom-right2">查看物流</view>
								</view>
							</view>
						</view>
						<!-- 待付款 -->
						<view class="sell1" @click="olderPayment(0)">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									待付款
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<!-- <view class="sell-bottom-right">
									<view class="sell-bottom-right1">查看评价</view>
									<view class="sell-bottom-right2">查看物流</view>
								</view> -->
							</view>
						</view>
						<!-- 待发货 -->
						<view class="sell1" @click="olderPayment(1)">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									待发货
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right2">取消订单</view>
									<view class="sell-bottom-right1">查看物流</view>
									<view class="sell-bottom-right2">确认发货</view>
								</view>
							</view>
						</view>
						<!-- 待收货 -->
						<view class="sell1" @click="olderPayment(2)">>
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									待收货
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right1">查看物流</view>
								</view>
							</view>
						</view>
						<!-- 待评价 -->
						<view class="sell1" @click="olderPayment(3)">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									待评价
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right1">评价</view>
								</view>
							</view>
						</view>
						<!-- 买家关闭 -->
						<view class="sell1" @click="olderClose">
							<view class="sell-title">
								<view class="sell-title-left">
									<view class="sell-title-left1">
										<image src="../../../static/mall/mall11.png" mode=""></image>
									</view>
									
									<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
								</view>
								<view class="sell-title-right">
									买家关闭了交易
								</view>
							</view>
							<view class="sell-content">
								<view class="sell-content-img">
									<image src="../../../static/mall/mall12.png" mode=""></image>
								</view>
								<view class="sell-content-name">
									<view class="sell-content-name-title">
										电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
									</view>
									<view class="sell-content-name-jia">
										<view class="sell-content-name-jia1">
											实付款:
										</view>
										<view class="sell-content-name-jia2">
											￥283.92
										</view>
										
									</view>
								</view>
							</view>
							<view class="sell-bottom">
								<view class="sell-bottom-left">
									<view class="sell-bottom-left1">
										<image src="../../../static/mall/mall9.png" mode=""></image>
									</view>
									<view class="sell-bottom-left2">联系卖家</view>
									
								</view>
								<view class="sell-bottom-right">
									<view class="sell-bottom-right1">删除订单</view>
								</view>
							</view>
						</view>
							<!-- 卖家关闭 -->
											<view class="sell1" @click="olderClose">
												<view class="sell-title">
													<view class="sell-title-left">
														<view class="sell-title-left1">
															<image src="../../../static/mall/mall11.png" mode=""></image>
														</view>
														
														<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
													</view>
													<view class="sell-title-right">
														卖家关闭了交易
													</view>
												</view>
												<view class="sell-content">
													<view class="sell-content-img">
														<image src="../../../static/mall/mall12.png" mode=""></image>
													</view>
													<view class="sell-content-name">
														<view class="sell-content-name-title">
															电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
														</view>
														<view class="sell-content-name-jia">
															<view class="sell-content-name-jia1">
																实付款:
															</view>
															<view class="sell-content-name-jia2">
																￥283.92
															</view>
															
														</view>
													</view>
												</view>
												<view class="sell-bottom">
													<view class="sell-bottom-left">
														<view class="sell-bottom-left1">
															<image src="../../../static/mall/mall9.png" mode=""></image>
														</view>
														<view class="sell-bottom-left2">联系买家</view>
														
													</view>
													<view class="sell-bottom-right">
														<view class="sell-bottom-right1">删除订单</view>
													</view>
												</view>
											</view>
					</view>
								
					</view>
					<view class="nav_item" v-if="isActive==1">
						<!-- 总盒子 -->
						<view class="sell">
					<!-- 待付款 -->
					<view class="sell1" @click="olderPayment(0)">
						<view class="sell-title">
							<view class="sell-title-left">
								<view class="sell-title-left1">
									<image src="../../../static/mall/mall11.png" mode=""></image>
								</view>
								
								<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
							</view>
							<view class="sell-title-right">
								待付款
							</view>
						</view>
						<view class="sell-content">
							<view class="sell-content-img">
								<image src="../../../static/mall/mall12.png" mode=""></image>
							</view>
							<view class="sell-content-name">
								<view class="sell-content-name-title">
									电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
								</view>
								<view class="sell-content-name-jia">
									<view class="sell-content-name-jia1">
										实付款:
									</view>
									<view class="sell-content-name-jia2">
										￥283.92
									</view>
									
								</view>
							</view>
						</view>
						<view class="sell-bottom">
							<view class="sell-bottom-left">
								<view class="sell-bottom-left1">
									<image src="../../../static/mall/mall9.png" mode=""></image>
								</view>
								<view class="sell-bottom-left2">联系卖家</view>
								
							</view>
							<!-- <view class="sell-bottom-right">
								<view class="sell-bottom-right1">查看评价</view>
								<view class="sell-bottom-right2">查看物流</view>
							</view> -->
						</view>
					</view>
					</view>
					</view>
					<view class="nav_item" v-if="isActive==2">
						<!-- 总盒子 -->
						<view class="sell">
					<!-- 待发货 -->
							<view class="sell1" @click="olderPayment(1)">
								<view class="sell-title">
									<view class="sell-title-left">
										<view class="sell-title-left1">
											<image src="../../../static/mall/mall11.png" mode=""></image>
										</view>
										
										<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
									</view>
									<view class="sell-title-right">
										待发货
									</view>
								</view>
								<view class="sell-content">
									<view class="sell-content-img">
										<image src="../../../static/mall/mall12.png" mode=""></image>
									</view>
									<view class="sell-content-name">
										<view class="sell-content-name-title">
											电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
										</view>
										<view class="sell-content-name-jia">
											<view class="sell-content-name-jia1">
												实付款:
											</view>
											<view class="sell-content-name-jia2">
												￥283.92
											</view>
											
										</view>
									</view>
								</view>
								<view class="sell-bottom">
									<view class="sell-bottom-left">
										<view class="sell-bottom-left1">
											<image src="../../../static/mall/mall9.png" mode=""></image>
										</view>
										<view class="sell-bottom-left2">联系卖家</view>
										
									</view>
									<view class="sell-bottom-right">
										<view class="sell-bottom-right2">取消订单</view>
										<view class="sell-bottom-right1">查看物流</view>
										<view class="sell-bottom-right2">确认发货</view>
									</view>
								</view>
							</view>
					</view>
					</view>
					<view class="nav_item" v-if="isActive==3">
					<!-- 总盒子 -->
					<view class="sell">
					<!-- 待收货 -->
					<view class="sell1" @click="olderPayment(2)">
						<view class="sell-title">
							<view class="sell-title-left">
								<view class="sell-title-left1">
									<image src="../../../static/mall/mall11.png" mode=""></image>
								</view>
								
								<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
							</view>
							<view class="sell-title-right">
								待收货
							</view>
						</view>
						<view class="sell-content">
		 					<view class="sell-content-img">
								<image src="../../../static/mall/mall12.png" mode=""></image>
							</view>
							<view class="sell-content-name">
								<view class="sell-content-name-title">
									电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
								</view>
								<view class="sell-content-name-jia">
									<view class="sell-content-name-jia1">
										实付款:
									</view>
									<view class="sell-content-name-jia2">
										￥283.92
									</view>
									
								</view>
							</view>
						</view>
						<view class="sell-bottom">
							<view class="sell-bottom-left">
								<view class="sell-bottom-left1">
									<image src="../../../static/mall/mall9.png" mode=""></image>
								</view>
								<view class="sell-bottom-left2">联系卖家</view>
								
							</view>
							<view class="sell-bottom-right">
								<view class="sell-bottom-right1">查看物流</view>
							</view>
						</view>
					</view>
					</view>
					</view>
					
					<view class="nav_item" v-if="isActive==4">
						<!-- 总盒子 -->
						<view class="sell">
					<!-- 待评价 -->
					<view class="sell1" @click="olderPayment(3)">
						<view class="sell-title">
							<view class="sell-title-left">
								<view class="sell-title-left1">
									<image src="../../../static/mall/mall11.png" mode=""></image>
								</view>
								
								<view class="sell-title-left2">易物-山东榴弹制烟花研发制造集团</view>
							</view>
							<view class="sell-title-right">
								待评价
							</view>
						</view>
						<view class="sell-content">
							<view class="sell-content-img">
								<image src="../../../static/mall/mall12.png" mode=""></image>
							</view>
							<view class="sell-content-name">
								<view class="sell-content-name-title">
									电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g
								</view>
								<view class="sell-content-name-jia">
									<view class="sell-content-name-jia1">
										实付款:
									</view>
									<view class="sell-content-name-jia2">
										￥283.92
									</view>
									
								</view>
							</view>
						</view>
						<view class="sell-bottom">
							<view class="sell-bottom-left">
								<view class="sell-bottom-left1">
									<image src="../../../static/mall/mall9.png" mode=""></image>
								</view>
								<view class="sell-bottom-left2">联系卖家</view>
								
							</view>
							<view class="sell-bottom-right">
								<view class="sell-bottom-right1">评价</view>
							</view>
						</view>
					</view>
					</view>
					</view>
				</view>
			</view>
		</view>
</template>

<script>
	export default {
		data() {
			return {
				navIndex: 1,
				img:'',
				liebiao: '',//列表数据
				navIndex:2,
				isActive: 0,
				navList: [{
						index: 0,
						title: '全部'
					},{
						index: 1,
						title: "待付款"
					},
					{
						index: 2,
						title: "待发货"
					},
					{
						index: 3,
						title: "待收货"
					},
					{
						index: 4,
						title: "待评价"
					}
				],
				lists1: [
					{
						'id':'0',
						'class':'0',
						'titleimg':'../../../static/mall/mall11.png',
						'name':'寄售商品-山东榴弹制烟花研发制造集团',
						'jiaoyi':'交易成功',
						'imgs1':'../../../static/mall/mall12.png',
						'content':'电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g',
						'mush':'￥283.92',
						'lximg':'../../../static/mall/mall10.png',
						'lx':'联系卖家',
						'comment':'查看评价',
						'logistics':'查看物流'
					},
					{
						'id':'1',
						'class':'1',
						'titleimg':'../../../static/mall/mall11.png',
						'name':'寄售商品-山东榴弹制烟花研发制造集团',
						'jiaoyi':'代付款',
						'imgs1':'../../../static/mall/mall12.png',
						'content':'电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g',
						'mush':'￥283.92',
						'lximg':'../../../static/mall/mall9.png',
						'lx':'联系卖家',
					},
					{
						'id':'2',
						'class':'2',
						'titleimg':'../../../static/mall/mall11.png',
						'name':'寄售商品-山东榴弹制烟花研发制造集团',
						'jiaoyi':'待发货',
						'imgs1':'../../../static/mall/mall12.png',
						'content':'电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g',
						'mush':'￥283.92',
						'lximg':'../../../static/mall/mall9.png',
						'lx':'联系卖家',
						'order':'取消订单',
						'comment':'查看评价',
						'logistics':'查看物流'
					},
					{
						'id':'3',
						'class':'3',
						'titleimg':'../../../static/mall/mall11.png',
						'name':'寄售商品-山东榴弹制烟花研发制造集团',
						'jiaoyi':'待收货',
						'imgs1':'../../../static/mall/mall12.png',
						'content':'电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g',
						'mush':'￥283.92',
						'lximg':'../../../static/mall/mall9.png',
						'lx':'联系卖家',
						'logistics':'查看物流'
					},
					{
						'id':'4',
						'class':'4',
						'titleimg':'../../../static/mall/mall11.png',
						'name':'寄售商品-山东榴弹制烟花研发制造集团',
						'jiaoyi':'待评价',
						'imgs1':'../../../static/mall/mall12.png',
						'content':'电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g',
						'mush':'￥283.92',
						'lximg':'../../../static/mall/mall9.png',
						'lx':'联系卖家',
						'comment':'评价'
					},
					{
						'id':'5',
						'class':'5',
						'titleimg':'../../../static/mall/mall11.png',
						'name':'寄售商品-山东榴弹制烟花研发制造集团',
						'jiaoyi':'卖家关闭了订单',
						'imgs1':'../../../static/mall/mall12.png',
						'content':'电视剧《如意芳菲》官方周边衍生品珠宝黄金纯度极高198g',
						'mush':'￥283.92',
						'lximg':'../../../static/mall/mall9.png',
						'lx':'联系卖家',
						'detail':'删除订单',
					}
				],
				OrderBuyList: [], //分类买家列表
				OrderBuyLists: [] ,//全部买家列表
				count:'',//买家还是卖家的列表接口
				delpath:'',//买家还是卖家的删除接口
				identity:''
			};
		},
		onLoad(parameter) {
			this.lieBiao()
			console.log(parameter.parameter)
			if (parameter.parameter == 1) {
				this.identity=parameter.parameter
				this.count=':8090/web/idleOrders/idleOrderBuyList'
				this.delpath=':8090/web/idleOrders/idleOrderBuyDelete'
				
			} else {
				this.identity=parameter.parameter
				this.count=':8090/web/idleOrders/idleOrderSellList'
				this.delpath=':8090/web/idleOrders/idleOrderSellDelete'
			}
			// this.idleOrderBuyList()
		},
		computed: {
			listCmputed: function() {
				return this.navList.filter(function(item) {
					return item.index >= 3
				})
			}
		},
		methods: {
			// 寄售订单列表（卖家）
			lieBiao() {
				var that = this
				that.$http.req.ajax({
				     path: ':8090/web/idleOrders/idleOrderSellList',
					 header: {
					       'token': uni.getStorageSync('token')
					      },
				     data: {
					 pageNum: '1',
					 pageSize: '1'
				     },
				     afterAjax: (res) => {
						 		console.log(res,'1111')
						 		if (res.code !== 200) {
						 			uni.showToast({
						 				title: '获取寄售订单失败',
						 				icon: 'none'
						 			})
						 		}
						 		if (res.code == 200) {
						 			console.log(res,'拿到了卖家寄售订单')
						 			that.liebiao = res
						 		}
						 	
				     }
				    })
			},
			checkIndex(index) {
				this.navIndex = index
			},
			checked(index) {
				console.log(index,'这是个啥')
				this.isActive = index
				this.OrderBuyList = []
				if (index == 0) {
					this.OrderBuyList = this.OrderBuyLists
				} else if (index == 1) {
					this.OrderBuyLists.forEach((el) => {
						if (el.payState == 0) {
							this.OrderBuyList.push(el)
						}
					})
				} else if (index == 2) {
					this.OrderBuyLists.forEach((el) => {
						if (el.kdType == 0) {
							this.OrderBuyList.push(el)
						}
					})
				} else if (index == 3) {
					this.OrderBuyLists.forEach((el) => {
						if (el.confirmType == 0) {
							this.OrderBuyList.push(el)
						}
					})
				} else if (index == 4) {
					this.OrderBuyLists.forEach((el) => {
						if (el.evaluateType == 0) {
							this.OrderBuyList.push(el)
						}
					})
				}

			},
			olderClose() {
				console.log(45)
				uni.navigateTo({
					url: 'order-from-close?pages=' + this.identity + 'orderId' + '222'
				})
			},
			olderPayment(items) {
				let order=444;
				if(items == 4){
					uni.navigateTo({
						url: 'order-from-payment?pages=' + 4 + 'orderId' + order
					})
				}
				if (items.payState == 1) {
					uni.navigateTo({
						url: 'order-from-payment?pages=' + 4
					})
				} else if (items == 0) {
					uni.navigateTo({
						url: 'order-from-close?pages=' + 0 + 'kdType' + '0'
					})
				} else if (items.kdType == 0) {
					uni.navigateTo({
						url: 'order-from-payment?pages=' + 1
					})
				} else if (items == 1) {
					uni.navigateTo({
						url: 'order-from-payment?pages=' + 2  + 'kdType' + '1'
					})
				} else if (items.evaluateType == 0) {
					uni.navigateTo({
						url: 'order-from-payment?pages=' + 3
					})
				} else if (items == 2) {
					this.olderClose()
					uni.navigateTo({
						url: 'order-from-payment?pages=' + 3  + 'kdType' + '0'
					})
				} else if (items == 3) {
					this.olderClose()
					uni.navigateTo({
						url: '../../commodity-details/write-comment=' + 3  + 'kdType' + '0'
					})
				}
			},

			gotoHome() {
				uni.switchTab({
					url: '../../me/index/me'
				})
			},
			// 买家删除订单
			del(orderIds){
				var that = this
				that.$http.req.ajax({
					path: this.delpath,
					header: {
						'token': uni.getStorageSync('token')
					},
					data: {
						orderId: orderIds,
					},
					afterAjax: (res) => {
						console.log(res, '删除')
					}
				})
			},
			// 确认收货
			sures(orderIds){
				var that = this
				that.$http.req.ajax({
					path: ':8090/web/idleOrders/idleOrderConfirmProduct',
					header: {
						'token': uni.getStorageSync('token')
					},
					data: {
						orderId: orderIds,
					},
					afterAjax: (res) => {
						console.log(res, '确认收货')
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f5f5f5;
	}

	.content {
		background-color: #f5f5f5;

		.part1 {
			height: 79rpx;
			width: 750rpx;
			background-color: #ffffff;
			position: fixed;
			top: 0rpx;
			z-index: 99;

			.banner-btn {
				position: fixed;
				z-index: 999;
				width: 54rpx;
				height: 54rpx;
				margin-top: 14rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.my-order {
				display: flex;
				flex-direction: row;
				justify-content: center;
				background: #FFFFFF;

				.sort {
					margin: 21rpx 27rpx;
					color: #21201D;
					opacity: 0.35;
					font-size: 28rpx;
				}

				.sorts {
					font-size: 32rpx;
					color: #21201D;
					opacity: 0.9;
					border-bottom:7rpx solid #FCDA22;
				}
			}
		}

		// 商品区域
		.tab_nav {
			background-color: #FFFFFF;
			display: flex;
			justify-content: space-between;
			flex-direction: row;
			border-bottom: 1rpx solid #f0f0f0;
			border-top: 1rpx solid #F5F5F5;
		}

		.tab_nav .navTitle {
			height: 79rpx;
			line-height: 79rpx;
			margin: 0 25rpx;
			color: #8f8f8f;
			font-size: 21rpx;
		}

		.tab_nav {
			margin-top: 77rpx;
			position: fixed;
			z-index: 999;
			width: 100%;
		}

		.active {
			font-size: 21rpx;
			position: relative;
			height: 43rpx;
			color: #000104;
			z-index: 999;
			background: #FCDA22;
			opacity: 1;
			border-radius: 47rpx;
			padding: 5rpx 21rpx;
			line-height: 43rpx;
			margin-top: 12rpx;
		}
		/* 		.active::after {
			content: "";
			position: absolute;
			// width: 86rpx;
			height: 6rpx;
			background-color: #fcda22;
			left: 0px;
			right: 0px;
			bottom: 10rpx;
			margin: auto;

		} */

		// 总盒子
		.sell {
			margin: 25rpx 21rpx;
			position: absolute;
			margin-top: 157rpx;

			// 单独盒子
			.sell1 {
				border-radius: 28rpx;
				background-color: #FFFFFF;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				margin: 25rpx 0;
				height: 407rpx;

				.sell-title {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					margin-left: 21rpx;
					margin-right: 21rpx;
					padding-top: 21rpx;
					padding-bottom: 21rpx;
					border-bottom: 1rpx solid #f5f5f5;

					.sell-title-left {
						display: flex;
						flex-direction: row;
						justify-content: left;

						.sell-title-left1 {
							width: 36rpx;
							height: 36rpx;

							image {
								max-width: 100%;
								max-height: 100%;
							}
						}

						.sell-title-left2 {
							margin-left: 14rpx;
							font-size: 21rpx;
							color: #bababa;
						}
					}

					.sell-title-right {
						color: #eb3e3e;
						font-size: 21rpx;
					}
				}

				// 图片信息
				.sell-content {
					margin: 28rpx;
					display: flex;
					flex-direction: row;
					justify-content: space-between;

					.sell-content-img {
						width: 172rpx;
						height: 173rpx;

						image {
							max-width: 100%;
							max-height: 100%;
						}
					}

					.sell-content-name {
						margin-left: 25rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-between;

						.sell-content-name-title {
							font-size: 25rpx;
							font-weight: 500;
						}

						.sell-content-name-jia {
							display: flex;
							flex-direction: row;
							justify-content: left;
							margin-top: 54rpx;

							.sell-content-name-jia1 {
								font-size: 21rpx;
								color: #b9b9b9;
								margin-right: 10rpx;
								line-height: 45rpx;
							}

							.sell-content-name-jia2 {
								font-size: 32rpx;
								color: #eb3e3e;
							}


						}
					}
				}

				// 底部信息
				.sell-bottom {
					// padding: 32rpx 21rpx;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					// height: 101rpx;
					// line-height: 101rpx;
					border-top: 1rpx solid #F5F5F5;

					.sell-bottom-left {
						display: flex;
						flex-direction: row;
						justify-content: flex-start;
						padding-left: 21rpx;

						.sell-bottom-left1 {
							width: 36rpx;
							height: 36rpx;
							line-height: 108rpx;

							image {
								max-width: 100%;
								max-height: 100%;
							}
						}

						.sell-bottom-left2 {
							margin-left: 14rpx;
							font-size: 21rpx;
							line-height: 90rpx;
						}
					}

					.sell-bottom-right {
						display: flex;
						flex-direction: row;
						justify-content: flex-start;
						padding-right: 21rpx;

						.sell-bottom-right1,
						.sell-bottom-right2,
						.sell-bottom-right3 {
							font-size: 21rpx;
							margin: 21rpx 7rpx;
							font-weight: 500;
							padding: 0 28rpx;
							line-height: 54rpx;
							align-items: center;
							border-radius: 30rpx;
							border: 1rpx solid #EEEEEE;
							opacity: 1;
						}
					}

				}

			}
		}
	}

	.activite {
		font-size: 43rpx;
		color: red;
	}
</style>
